<html>
    <head>
        <title>getter 概述</title>
    </head>
    <body>
        <script>
            // Getter  

                    /*
                        一、 概述  Getter 是什么？

                                    Getter 是对 state 的加可以认为是 store 实例对象的 "计算属性"， 工，是派生出来的数据(由原始的 state 通过计算派生出来的数据)

                                        ①、 就像 computed 计算属性一样， getter 返回的值会根据它的依赖被缓存起来，且只有当他的依赖值发生改变才会被重新计算。

                                        ②、可以在多组件中共享 getter 函数，这样做可以提高运行效率


                                    在 uni-app 项目根目录下， store 目录 index.js 文件下：

                                          // 页面路径 :  store/index.js

                                          import Vue from 'vue'
                                          import Vuex from 'vuex'

                                          Vue.use(Vuex);

                                          const store = new Vuex.Store({
                                                state:{
                                                    todos:[
                                                        {
                                                            id:1,
                                                            text:'我是内容一',
                                                            done: true
                                                        },
                                                        {
                                                            id:2,
                                                            text:'我是内容二',
                                                            done: false
                                                        }
                                                    ]
                                                },

                                                getters:{
                                                    doneTodos:state=>{
                                                        return state.todos.filter(todo=> todo.done)
                                                    }
                                                }
                                          })

                                          export default store;
                        
                    */
        </script>
    </body>
</html>